<template>
  <view class="page-service-detail">
    <view class="fly-panel">
        <view class="hd">
          <text class="title">订单信息</text>
          <text :class="'value bill-state-'+ info.status">{{$utils.setName(info.status, initData.orderStatus)}}</text>
        </view>
        <view class="bd">
          <view class="bd-ul">
            <view class="bd-li"><text class="li-label">订单号：</text><text class="li-p">{{info.billId}}</text></view>
            <view class="bd-li"><text class="li-label">场馆名称：</text><text class="li-p">{{info.merchantName}}</text></view>
            <view class="bd-li"><text class="li-label">场馆地址：</text><text class="li-p">{{info.address}}</text></view>
            <view class="bd-li"><text class="li-label">场馆电话：</text><text class="li-p">{{info.merchantPhone}}</text></view>
            <view class="bd-li"><text class="li-label">实付金额：</text><text class="li-p">￥{{info.paymentAmount}}</text></view>
            <view class="bd-li"><text class="li-label">服务日期：</text><text class="li-p">{{info.list[0].date}}</text></view>
            <view class="bd-li"><text class="li-label">服务项目：</text>
              <view class="li-p">
                <view v-for="(project,i) in info.list" :key="i" :class="'status-' + project.status">{{getProjectDetail(project)}}</view>
              </view>
            </view>
          </view>
        </view>
    </view>
    <view class="fly-panel">
        <view class="hd">
          <text class="title">支付信息</text>
          <text :class="'value bill-state-'+ info.status">{{$utils.setName(info.status, initData.orderStatus)}}</text>
        </view>
        <view class="bd">
          <view class="bd-ul">
            <view class="bd-li"><text class="li-label">优惠券：</text><text class="li-p">{{info.billId}}</text></view>
            <view class="bd-li"><text class="li-label">积分兑换：</text><text class="li-p">{{info.merchantName}}</text></view>
            <view class="bd-li"><text class="li-label">支付金方式</text><text class="li-p">{{info.address}}</text></view>

            <view class="bd-li"><text class="li-label">总金额：</text><text class="li-p">{{info.merchantPhone}}</text></view>
            <view class="bd-li"><text class="li-label">优惠减免：</text><text class="li-p">{{info.merchantPhone}}</text></view>
            <view class="bd-li"><text class="li-label">积分兑换：</text><text class="li-p">{{info.merchantPhone}}</text></view>
            <view class="bd-li"><text class="li-label">合计金额：</text><text class="li-p">￥{{info.paymentAmount}}</text></view>
          </view>
        </view>
    </view>
  </view>
</template>

<script>
export default {
  data(){
    return{
      info:{

      }
    }
  },
  onLoad(e){
    this.getBillInfo(e.billId);
  },
  methods:{
    getBillInfo(){
      this.$http('get', '/bill/info', {billId: id}, (data,msg) => {

      })
    }
  }
}
</script>

<style>

</style>